const div1 = document.getElementById('div1')
const div2 = document.getElementById('div2')

// 新建p
const p = document.createElement('p')
p.innerHTML = '123'
// div1中添加p
div1.appendChild(p)
// 移动节点
const p2 = document.getElementById('p2')
div2.appendChild(p2)

// 获取子元素
console.log(div1.childNodes) // 7，包含text和p
// 提取p
const fliterNode = Array.prototype.slice.call(div1.childNodes).filter((child) => child.nodeType === 1)
console.log(fliterNode)
// 删除子元素
div1.removeChild(fliterNode[0])
// 获取父元素
console.log(div2.parentNode)